
<form id="foo" >
<dl>
	<dt>this checkbox will cause the form to not enforce the next input</dt>
	<dd><input name="a" type="checkbox" checked="true" class="validate-toggle-oncheck toToggle:['nospaces']"></dd>
	<dt>this input cannot have spaces</dt>
	<dd><input name="b" class="validate-nospace" id="nospaces"/></dt>
	<dt>this input validates that one item in this group is selected (on submit)</dt>
	<dd id="rads">
		<input type="checkbox" name="rads" value="1"/>
		<input type="checkbox" name="rads" value="2"/>
		<input type="checkbox" name="rads" value="3" class="validate-reqchk-bynode" validatorProps="{nodeId:'rads'}"/>
	</dd>
	<dt>this input validates that one item in this group is selected (on submit)</dt>
	<dd>
		<input type="checkbox" name="rads2" value="1"/>
		<input type="checkbox" name="rads2" value="2"/>
		<input type="checkbox" name="rads2" value="3" class="validate-reqchk-byname"/>
	</dd>
	<dt>this checkbox must be checked</dt>
	<dd><input type="checkbox" class="validate-required-check"/></dd>
	<dt>the time in the second input must be after the first</dt>
	<dd>
		<input type="input" id="before1"/>
		<input type="input" id="after1" class="validate-after-date" validatorProps="{afterElement: 'before1'}"/>
	</dd>
	<dt>the time in the second input must be after the first</dt>
	<dd>
		<input type="input" id="before2" class="validate-before-date" validatorProps="{beforeElement: 'after2'}"/>
		<input type="input" id="after2"/>
	</dd>
	<dt>the fist input must be before the current date; the second must be after</dt>
	<dd>
		<input type="input" id="before3" class="validate-before-date"/>
		<input type="input" id="after3" class="validate-after-date"/>
	</dd>
	<dt>The first item in the select list should be invalid</dt>
	<dd>
		<select class="validate-custom-required" validatorProps="{emptyValue: 'null'}">
			<option value="null">this should be invalid</option>
			<option value="">this should not be</option>
		</select>
	</dd>
	<dt>the dates you enter here must be in the same month</dt>
	<dd>
		<input type="text" id="sameMo"/>
		<input type="text" class="validate-same-month" validatorProps="{sameMonthAs: 'sameMo'}"/>
	</dd>
</dl>
<input type="submit">
</form>